<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="vue/vue.js" charset="utf-8"></script>

</head>
<body>

<div id="app">
    <input type="text" v-model="msg">
    <br>
    <span v-html="msg2"> </span>
    <hr>

    {{a}}
    <br>
    {{b}}
    <br>
    {{aa}}
</div>

<script>
    var vm =new Vue({
//        el:'#app',
        aa:11,
        //自定义属性

        show:function () {
          alert(1)
        },
        data:{
            msg:"asdasd",
            msg2:"<strong>welcome</strong>",
            a:10,
        },
        computed:{
            b:function () {
                return this.a-10;
            }
        }
    }).$mount('#app')


    vm.$options.show()

  console.log(vm.$options.aa)
    document.onclick=function () {
//        vm.$mount('#app')
//        id的选择器
        vm.a=102

        vm.$el.style.background='green';
//        就是元素
        console.log(vm.$data.msg)
//        就是数据
    }




</script>

</body>
</html>